<div ng-include="sys_html('common/_header')"></div>
<style>
p {margin:0}
.order-list .tips-icon svg {
	width:62px;
	margin-right:10px;
	fill:#1a8ee9
}
.order-list .tips-box {
	height:135px;
	margin-top:22px;
	background-color:#fff;
	border-radius:10px;
	box-shadow:0 0 5px #eee;
	display:flex;
	justify-content:center;
	align-items:center
}
.order-list .tips-txt {
	color:#666;
	font-size:16px;
	text-align:center
}
.order-list .link-box {
	margin:20px 0;
	padding:0 0.5rem;
	display:flex;
	justify-content:space-between
}
.order-list .link-btn {
	width:48%;
	height:46px;
	line-height:46px;
	border-radius:10px;
	text-align:center;
	font-size:18px;
	font-weight:600
}
.order-list .link-btn1 {
	background-color:#fff;
	box-shadow:0 0 3px #ccc
}
.order-list .link-btn2 {
	background-color:#fe254f;
	box-shadow:0 0 3px #fe254f;
	color:#fff
}
</style>
<div class="fui-page order-list-page">
	 <div class="fui-tab fui-tab-danger" style="top:0">
			<a ng-class="{'external active':pagedata.params.status == 100}" href="javascript:" ng-click="pagedata.params.status = 100;tool.get_list('jy_ailiao/ping.orderlog/getlist/',true)" class="external">全部</a>
			<a ng-class="{'external active':pagedata.params.status == 0}" ng-click="pagedata.params.status=0;tool.get_list('jy_ailiao/ping.orderlog/getlist/',true)">待支付</a>
			<a ng-class="{'external active':pagedata.params.status == 1}" ng-click="pagedata.params.status=1;tool.get_list('jy_ailiao/ping.orderlog/getlist/',true)">已支付</a>
			<a ng-class="{'external active':pagedata.params.status == 2}" ng-click="pagedata.params.status=2;tool.get_list('jy_ailiao/ping.orderlog/getlist/',true)">已取消</a>
	</div>
	<div class='fui-content order-list' style="margin-top:2.5rem">	
		<div style="padding:0 0.5rem">
		<div class="fui-cell-group radius" id="container" >
		<div ng-repeat="item in pagedata.list track by item.id" class="fui-cell" style="height: 3.5rem">
			<div class="fui-cell-label bold red">
				{{item.statustitle}}
			</div>
			<div class="fui-cell-text">
				<div class="row">
				   ￥{{item.money || 0.00}}
				</div>
				<div class="subtitle">
				    {{item.createtime}}
				</div>
			</div>
			<div class="fui-cell-remark noremark bold">
				 {{item.num}}个
			</div>
		</div>
		</div>
		</div>
		<div ng-if="pagedata.loading" class='infinite-loading'><span class='fui-preloader'></span><span style="margin-left:1.5rem"> 正在加载...</span></div>
		<div ng-if="pagedata.list.length==0" class='content-empty' >
			<i class="icon icon-cry" style="width: 6rem;margin-bottom: 0.5rem;"></i>
			<br/>
			<p style="color: #999;font-size: .75rem">暂时没有任何订单</p>
		</div>
	</div>
</div>
<!-- 取消订单-->
<div ng-if="pagedata.checkcancel" class="popup">
			<div class="popup-body">
			<div class="popup-center" style="border-radius:0.2rem;">
				<div class="fui-page-title" style="margin-top:1rem">确定要取消订单吗？</div>
				<div class="modal-footer" style="margin-top:2rem">
					<a ng-click="pagedata.checkcancel=false" class="mod-fail">取消</a>
					<a href="javascript:" ng-click="post({id:pagedata.orderid},'cancel','id='+pagedata.orderid);pagedata.checkcancel=false" class="mod-success" style="background:{{main.syscolor || 'red'}}">确定</a>
				</div>
			</div>
			</div>
</div>
<div ng-include="sys_html('_footer')"></div>
<script>
//手机软键盘--搜索
$("body").keydown(function() {
    if (event.keyCode == "13") {
        $('#searchsub').click();
    }
});
scope.tool.get_list('jy_ailiao/ping.orderlog/getlist/',true);
scope.pagedata.scroll_bottom=function(){
	scope.tool.get_list('jy_ailiao/ping.orderlog/getlist/');
}
</script>